<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 什么是Cookie?
    // Cookie又叫会话跟踪技术，实际上就是客户端硬盘上的一个文本文件，该文件用来存储一些数据。

    // cookie 是浏览器 为了 标识用户身份  或者 长时间存储一些信息  而保存在用户本地的数据(其本质是 为了提升用户体验  而存储来用户本地的数据)

    // 如何来查找cookie?
    // 1.  手动查找 (主要用于测试)
    // 地址栏左边 => 锁头(https)|叹号(http) => cookie => 对应域名查找

    // 2.  JS代码查找 
    // cookie的存取都依赖于 document.cookie  (存的时候一条一条存,取的时候将所有的cookie整合到一整个字符串中返回)


    // 特征:
    // - cookie 的存取都依赖于 document.cookie   (类型  字符串类型)
    // - cookie 存储的时候是一条一条的的存的
    // - cookie 可以设置存储路径  和  过期时间(默认浏览器关闭 过期)


    // 学习 cookie 增删改查 (设置 获取 修改 删除)

    // 前提: cookie必须在服务器环境下  (带有服务器的编辑器 (vscode:live server  hbuild webstome))




    // var a = 10;
    // document.onclick = function () {
    //     a = 100;
    //     alert(a);
    // }

</script>

</html>